<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
<div id="root">
    <h3>{{num}}</h3>
    <hr/>
    <zhang></zhang>
    <hr/>
    <my-user></my-user>
    <hr/>
    <goods-list></goods-list>
</div>
</body>
<script>
    new Vue({
        el: '#root',
        data: {
            num:10
        },
        components:{
            zhang:{
                template:`<h3>组件zhang</h3>`
            },
            "my-user":{
                template:`<h3>myUser</h3>`
            },
            "goods-list":{    //GoodList
                template: `<h3>goodsList</h3>`
            }
        }



    })
</script>
</html>